<template>
  <div class="background" >
    <div class="app">
      <RouterView />
      <div class="paper" v-if="!$route.meta.hideLoginRegister">
      <!-- 路由跳转 -->
      <p>已有账号，请直接<RouterLink to="/Login" >登录</RouterLink></p>
      <p>没有账号，立即<RouterLink to="/Register">注册</RouterLink></p>
    </div>
     </div>
  </div>
</template>
<script setup>
</script>

<style scoped>
.background {
    background-image: url('./img/bgimg.png');
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.app{
    /* border: 1px solid red; */
    width: 900px;
    height: 500px;
    /* border: 8px solid #eee; */
    border: 8px solid rgb(220, 219, 217);
    /* 让div水平居中 */
    margin: auto;
    background-color: white;
  }
.paper{
  padding-top:10px;
  text-align:center
}
</style>